@import "common";
@import "Main";
@photoChangeHeight:90px;
.HkfsHome_Container{

.HkfsHomeNotice{
  width: @mainWidth;
  margin:auto;
  border-bottom: dashed 1px #cccccc;
  padding:9px;
  .redText{
    color:@mainColor;
    margin-left: 20px;
  }
  img{
    vertical-align: middle;
  }
  .HomeNoticeBar{
    display: inline-block;
    width:600px;
    vertical-align: middle;
  }
}

.HomeShowImgs {
  position:fixed;
  height: 225px;
  right:50%;
  margin-right:-1*@mainWidth/2-10px;
  bottom:30px;
  font-size: 12px;
  img{
    width:110px;
  }
  .HomeShowImg {
    position: absolute;
    right: 0;
    width: 130px;
    border: 2px solid #cccccc;
    .Top{
      border-color: transparent transparent transparent #cccccc;
    }
  }
  .HomeShowImg1{
    top:10px;
    .Content{
      padding:10px;
    }
  }
  .HomeShowImg2{
    top:100px;
    .Content{
      padding:10px;
    }
  }
  .HomeShowImg3{
    .Content{
      padding: 20px 0;
    }
    top:70px;
    height: 80px;
    font-size: 15px;
  }

  .HideImg{
    position: absolute;
    display:none;
  }
}
  .mainSlider{
    width:100%;
  }

  .HomePanelGroup{
    width:@mainWidth;
    margin-left: auto;
    margin-right: auto;
    &>div{
      display: inline-block;
      vertical-align: top;
    }
    .HomeNews{
      width:60%;
    }
    .HomeDynamic{
      width:38%;
      margin-left: 2%;
    }
  }


  .MapDescription{
    width:210px;
    position:absolute;
    bottom:75px;
    right:10px;
    border:dashed 1px  #333333;
    color:#666666;
    padding:10px;
    font-size: 14px;
  }

  .HomeItem{
    width:@mainWidth;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    position:relative;
    .HomeTitle{
      border-bottom: solid 1px #efefef;
      height:50px;
      img,span{
        vertical-align: middle;
      }

      span{
        font-size: 24px;
        margin-left: 1%;
      }
    }
  }

  #HkfsMap{
    margin-top: 0;
    z-index: 0;
  }

  .ProductItems{
    width:@mainWidth+100;
    padding:15px 0;
    margin-left: auto;
    margin-right: auto;
  }

  .HomeproductTableGroup{
    width:@mainWidth;
    display:block;
    margin-left: auto;
    margin-right: auto;
  }

  .PhotoChangeBar{
    width:@mainWidth;
    height:160px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: dashed #cccccc 1px;
    &>div{
      display: inline-block;
      width:25%;
      height:100%;
      position: relative;
      &>div{
        margin-left: auto;
        margin-right: auto;
        height:@photoChangeHeight;
        width:@photoChangeHeight;
        .absoluteCenter(@photoChangeHeight);
      }
    }
  }
}

.HkfsHomeProfitComputerTitle{
  &>img{
    vertical-align: middle;
    height:25px;
  }
  &>span{
    vertical-align: middle;
    padding:0 0 0 10px !important;
    color:@mainColor !important;
  }
}